.el-row{
    &::before,&::after{
        content: '';
        display: block;
    }
    &::after{
        clear: both;
    }
    &--flex {
        display: flex;

        &::before,
        &::after {
            display: none;
        }
        &.is-justify-end{
            justify-content: flex-end;
        }
        &.is-justify-space-between{
            justify-content: space-between;
        }
        &.is-justify-space-around{
            justify-content: space-around;
        }
        &.is-justify-center{
            justify-content: center;
        }
        &.is-align-bottom{
            align-items: flex-end;
        }
        &.is-align-middle{
            align-items: center;
        }
    }
}